.header{
	position: fixed;
  	z-index: 9999;
  	top: 0;
  	left: 0;		
	width:100%;
	height:66px;
	background:rgba(255,118,48,1);
	border-top:6px solid #403c3b;
	.wrap{
		width: 1200px;
		height: 54px;
		margin: 0 auto;
		.logo{
			img{
				display: block;
				width: 143px;
				margin-top:10px;
			}
		}
		.nav{
			margin-left: 60px;
			position: relative;
			>li{
				display: block;
				height:55px;
				line-height: 64px;
				// padding-left: 26px;
				// padding-right: 26px;
				width:100px;
				text-align:center;
				border-radius: 0 0 10px 10px;
				position:relative;
				z-index: 2;
				float: left;
				a{
					font-size: 18px;
					color:#fff
				}
			}
			li.active{
				// background:rgba(64,60,59,1);
			}
			span{
				position:absolute;
				z-index:1;
				width:100px;
				height:55px;
				background:rgba(64,60,59,1);
				transition: all .5s cubic-bezier(0.4, -0.3, 0.67, 1.48);
				top: 0;
				left: 0;
				border-radius: 0 0 10px 10px;
				opacity: 0
			}
		}
		.right{
			.submission, .news{
				font-size: 24px;
				line-height:60px;
				color: #fff;
				margin-right: 30px;
			}
			.news{
				padding: 0 10px;
			}
			.submission, .news{
				position:relative;
				 cursor: pointer;
				.hide-ul{
					position: absolute;
					width: 150px;
					background-color: #fff;
					top: 60px;
					left: 50%;
					transform:translate(-50%, 0);
					box-shadow: 1px 1px 5px rgba(0, 0, 0 ,.3);
					display: none;
					li{
						a{
							font-size: 16px;
							color: #666;
							display: block;
							text-align: center;
							line-height: 60px;
							border-bottom: 1px solid #e6e6e6;
						}
						:hover{
							color: #fff;
							background-color: #ff7630
						}
					}
					:last-child{
						a{
							border-bottom: 0
						}
					}
				}
			}
			:hover{
				.hide-ul{
					display: block
				}
			}
			.avator{
				width:44px;
				height:44px;
				border-radius: 50%;
				margin: 8px 30px 0 30px;
				position: relative;
				// z-index: 99;
				>img{
					display: block;
					width: 100%;
					height:100%;
					border-radius: 50%;
					transition: all .2s ease-in;
					cursor: pointer;
				}
				.hide-box{
					position: absolute;
					width: 260px;
					top:52px;
					left: 50%;
					margin-left: -130px;
					z-index: -10;
					background: #fff;
					visibility: hidden;
					transition: all .3s cubic-bezier(0.4, -0.3, 0.67, 1.48);
					transform: translate3d(0, 16px, 0);
					opacity: 0;
					border: 1px solid #e6e6e6;
					box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
					.name{
						color: #333;
						font-size: 16px;
						text-align: center;
						margin: 48px 0 13px;
					}
					.info{
						margin: 0 24px;
						border-bottom: 2px solid #ededed;
						padding: 0 0 10px;
						>span{
							display: inline-block;
							color: #333;
							font-size: 14px;
							margin-right: 16px;
							cursor: pointer;
							position: relative;
							i{
								color: #ff7630;
								margin-right: 4px;
							}
							.what{
								position: absolute;
								padding: 8px;
								color: #333;
								font-size: 12px;
								line-height: 18px;
								background-color: #f9f9f9;
								width: 140px;
								transform: translate(-50%, 20px);
								border: 1px solid #e5e5e5;
								font-style: normal;
								top: 14px;
								left: 50%;
								display: none;
								.san{
									position: absolute;
									top: -12px;
									left: 50%;
									transform: translate(-50%, 0);
									width: 0;
								    height: 0;
								    border-left: 12px solid transparent;
								    border-right: 12px solid transparent;
								    border-bottom: 12px solid #e5e5e5;
								    b{
								    	position: absolute;
										top: 2px;
										left: -12px;
										width: 0;
									    height: 0;
									    border-left: 12px solid transparent;
									    border-right: 12px solid transparent;
									    border-bottom: 12px solid #f9f9f9;
								    }
								}
							}
						}
						span:hover{
							.what{
								display: block;
							}
						}
						a{
							color: #333;
							margin-right: 3px;
						}
					}
					.clearfix{
						padding: 0 20px;
						li{
							width: 50%;
							float: left;
							text-align: center;
							margin-top: 20px;
							a{
								color: #666;
								font-size: 14px;
							}
						}
					}
					.hide-btn{
						line-height: 30px;
						display: block;
						text-align: center;
						color: #fff;
						font-size: 16px;
						background-color: #ff7630;
						margin-top: 30px;
					}
				}
				.not-login{
					width:362px;
					margin-left: -181px;
					padding: 20px 20px 16px;
					// visibility: visible;
					// opacity: 1;
					// transform: none;
					p{
						color: #333;
						font-size: 14px;
						margin: 10px 0 10px;
					}
					.register{
						text-align: center;
						font-size: 13px;
						color: #666;
						margin-top: 26px;
						a{
							color: #ff7630;
						}
					}
					.img-box{
						height: 200px;
						background: url('../img/zeng.jpg') no-repeat;
						position: relative;
						overflow: hidden;
						img{
							position: absolute;
							display: block;
							width: 320px;
							height: 200px;
							top: 0;
							left: 0
						}
					}
					#login_in{
						margin-top: 10px;
					}
					.hide-btn{
						line-height: 34px;
						font-size: 16px;
					}
				}
			}
			.avator:hover{
				>img{
					transform: translate(0, 30px) scale(1.6)
				}
				.hide-box{
					visibility: visible;
					opacity: 1;
					transform: none;
				}
			}
			.news{
				margin-right: 0;
				line-height: 66px;
				position: relative;
				i{
					position:absolute;
					right: 0px;
					top: 14px;
					width: 8px;
					height:8px;
					background:red;
					border-radius:50%;
					border: 1px solid #fff;
					animation: shakee 1.4s infinite ease-in;
				}
				@keyframes shakee{
					0%{
						opacity: 0
					}
					100%{
						opacity: 1
					}
				}
			}
			.search-box{
				width: 200px;
				margin: 15px 20px 0 0;
				border-radius: 15px;
				border: 1px solid #fff;
				.search{
					width:20px;
					height: 30px;
					margin-left: 10px;
					background: url('../img/search.png') no-repeat left center;
					cursor:pointer
				}
				input{
					width:160px;
					line-height: 30px;
					background: transparent;
					font-size:14px;
					padding-left:2px
				}
			}
		}
	}
}
.footer{
	width:100%;
	height:300px;
	background:#fff;
	padding-top:40px;
	margin-top:40px;
	.wrap{
		width: 1380px!important;
		margin: 0 auto!important;
	}
	a{
		color:#333;
	}
	.content{
		.left, .mid{
			width:400px;
			height: 82px;
			padding-right:100px;
			border-right:1px solid #f0f0f0;
			dl{
				dt{
					font-size:14px;
					margin-bottom: 20px;
					a{
						color:#99A2AA;
					}
				}
				dd{
					font-size:14px;
					color:#333;
					float:left;
					margin-left:60px;
					margin-bottom:6px;
				}
				dd:nth-of-type(3n+1){
					margin-left:0
				}
			}
		}
		.mid{
			width:440px;
			height: 82px;
			padding-left:40px;
		}
		.right{
			margin-left: 840px;
			.box{
				float: left;
				padding: 0 10px;
				margin-left: 52px;
				position: relative;
				>img{
					display: block;
					width: 56px;
					height: 56px;
					margin: 0 auto;
				}
				>p{
					color: #222;
					font-size: 14px;
					margin-top: 8px;
					text-align: center;
				}
				.hidden{
					position: absolute;
					top:-150px;
					left: 50%;
					margin-left: -67px;
					transition: all .5s cubic-bezier(0.4, -0.3, 0.67, 1.48);
					transform: translate3d(0, 30px, 0);
					opacity: 0;
					z-index: -1
				}
			}
			.box:hover .hidden{
				opacity: 1;
				transform: none;
				z-index: 1
			}
		}
	}
	.pt40{
		padding: 40px 0 14px;
		color: #C2C4C6;
		font-size: 14px;
		text-align: center;
		line-height: 24px;
	}
	.bot{
		color: #99A2AA;
		text-align: center;
		font-size: 14px;
		margin-top: 2px;
	}
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;opacity:1;
}

input:-ms-input-placeholder{
    color: #fff;opacity:1;
}

input::-webkit-input-placeholder{
    color: #fff;opacity:1;
}
.hover:hover{
	cursor: pointer;
	color: #ff7630;
}
// 分页
#page{
	text-align: center;
	margin-top: 25px;
	margin-bottom: 89px;
}
.page{
	display: inline-flex;
}
.page>li{
	display:inline-block;
	width:40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	border:1px solid #DFDFDF;
	background-color: #fff;
	color:#999;
	font-size: 14px;
	margin-left: 6px;
	margin-right: 6px;
	cursor: pointer;
}
.page>li.active{
	// border:1px solid #FF7630;
	background-color: #FF7630;
	color:#fff;
}

// loding
.loading{
	padding: 0px 0 0px;
	text-align: center;
	position: relative;
	margin:20px 0;
}
.spinner {
  display: inline-block;
  width: 20px;
  height: 36px;
  position: relative;
  margin-left: -70px;
}
.spinner:after{
	content: '正在加载,请稍后~';
	position: absolute;
	color: #ff7630;
	font-size: 18px;
	width: 300px;
	top: 50%;
	left: 54px;
	transform: translate(0, -50%);
	text-align: left;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 8px;
  height: 8px;
  background-color: #ff7360;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}